<template>
    <custom-navbar title="求职隐私保护" :auto-back="true" left-icon-color="#303133" />
    <view class="px-[24rpx] bg-#fff">
        <view class="text-[#1d2129] py-30rpx text-[28rpx]">屏蔽公司</view>
        <view @click="addPrivacy" style="border: 1px solid #d8d8d8;" class="h-100rpx py-32rpx px-32rpx rounded-16rpx flex justify-between ">
            <view>检索、多选</view>
            <view class="iconfont icon-xiajiantou"></view>
        </view>
        <view v-for="(item, index) in privacyList" :key="index"
            class="w-100% py-40rpx px-24rpx  bg-#fff flex items-center mb-[24rpx]"
            style="border-bottom: 1px solid #ebebeb;"
            >
            <view>
               {{ item.label }}
            </view>
            <view class="flex flex-1 justify-end" >
                <view style="border: 1px solid #b7b7b7;" class=" rounded-[27rpx] text-[#7b7b7b] w-128rpx h-50rpx text-center leading-50rpx">屏蔽</view>
            </view>
        </view>
    </view>
    <view class="fixed bottom-0 h-178rpx w-[100%] bg-#fff shadow-[0px_0px_12px_0px_rgba(238,239,241,0.50)]">
        <view @click="addPrivacy"
            class="mx-auto my-0 mt-[24rpx] h-82rpx w-[90%] rounded-[42rpx] bg-#1f50f2 text-center text-[30rpx] text-white font-medium leading-[82rpx]">
            添加屏蔽公司
        </view>
    </view>
</template>
<script setup>

const privacy = reactive('滴滴科技（北京）有限公司')
let privacyList = reactive([
    {
        label: '滴滴科技（北京）有限公司',
        code: 1,
        checked: false
    },
    {
        label: '滴滴科技（北京）有限公司1',
        code: 1,
        checked: true
    }
])
const addPrivacy = () => {
    uni.navigateTo({
      url: '/pages/tab/home/more/addPrivacy', 
    });
}
</script>